import {
    StyleSheet
} from 'react-native';

export default StyleSheet.create({
    container: {
        flex: 1,
        alignItems: "center",
        paddingLeft: 27,
        paddingRight: 27
    },
    headBox: {
        flex: 1,
    },
    headTxt: {
        color: "#323232",
        fontSize: 25,
        fontWeight: "bold",
        marginTop: 25,
        marginBottom: 40
    },
    bodyBox: {
        flex: 4,
        alignItems: "center",
    },
    tip: {
        fontSize: 14,
        color: "#9a9a9a",
        marginBottom: 45
    },
    listBox: {
        flexDirection: "row",
        flexWrap: "wrap"
    },
    listItem: {
        color: "#b4b4b4",
        width: "21.4%",
        borderWidth: 1,
        borderColor: "#b4b4b4",
        borderRadius: 17,
        borderStyle: "solid",
        marginRight: 11,
        textAlign: "center",
        paddingTop: 2,
        paddingBottom: 2,
        marginBottom: 15
    },
    selected: {
        backgroundColor: "#5792f6",
        color: "#fff"
    },
    footBox: {
        flex: 2,
        width: "100%",
        height: 40
    }
})